<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link href="/static/bootstrap/dist/css/bootstrap.css" rel="stylesheet"></link>
    {% block head_css %}
    <link href="/static/css/login.css" rel="stylesheet"></link>
    {% end %}
    {% block extends_css %}
    {% end %}
</head>
<body>
<nav class="navbar navbar-default  navbar-fix-top " id="navbar"  role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#" id="bank">ISA</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="mytab">
                <li  role="presentation" class="active"><a href="#">Course <span class="sr-only">(current)</span></a></li>
                <li role="presentation"><a href="/blog">Blog</a></li>
                <li role="presentation"><a href="#">Artical</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">The histoy about ISA</a></li>
                        <li ><a href="#">The members of ISA</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Recent activities</a></li>
                    </ul>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a id="login" href="/login" title="sign in">log in</a></li>
                <li class="btn"> <button type="submit" class="btn btn-success" >sign up</button></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class=" glyphicon glyphicon-search"></span>
                </div>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="wrap">
<div class="container">
    <section class="login-form-wrap" id="login">
        <h1 class="text-center text">Welcome Back</h1>
        <form action="" class="form col-md-12 center-block">
            <div class="form-group">
                <input type="text" class="form-control input-lg" placeholder="username">
            </div>
            <div class="form-group">
                <input type="password" class="form-control input-lg" placeholder="password">
            </div>
            <div class="form-group">
                <div class="checkbox">
                    <label>
                        <input id="remember" type="checkbox" name="remember" class="inputbox" value="yes">
                        Remember me </label>
                </div>
                <button class="btn btn-success btn-lg btn-block btn-login" id="sign">Sign in</button>
                <span><a href="#" class="pull-left">Sign up</a></span>
                <span><a href="#" class="pull-right">Forgot password?</a></span>
            </div>
        </form>
    </section>
</div>
</div>
<div class="feed">
    <div class="foot">
        <p>Information security association</p>
    </div>
</div>
<script src="/static/jquery/dist/jquery.min.js"></script>
<script src="/static/bootstrap/dist/js/bootstrap.js"></script>
{% block body_js %}
<script src="/static/js/login.js"></script>
{% end %}
{% block extends_js %}
{% end %}
</body>
</html>
    